<template>
	<!-- 自定义组件 -->
	<!-- 自定义组件主体 -->
	<view>
		<image class="img-boder img-responsive" :src="src" @click="_click(src)"></image>
	</view>
</template>

<script>
	export default {
		// 自定义组件要从父页面接收的参数
		props: {
			src: String,
			default:''
		},
		methods:{
			// 自定义事件，并传出数据
			_click(src){
				this.$emit('imgClick',{
					src
				});
			}
		}
	}
</script>

<style>
	.img-boder {
		border-radius: 50%;
		height: 150rpx;
		width: 200rpx;
		margin: auto;
	}
</style>
